<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>福利城堡</title>
<link href="../c/base.css" rel="stylesheet" type="text/css">
<link href="../c/toefl.css" rel="stylesheet" type="text/css">
<link href="../c/bootstrap.min.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../j/jQuery.js">
</script>
<script type="text/javascript">
	$(function() {
		$(".classInfo_menu>ul>li>a").click(function(e) {
			if (e.srcElement.id == "detail") {
				$(".classInfo_menu>ul>li").removeClass("on");
				$(e.srcElement).parent().addClass("on");
				$(".castleInfoList").hide();
				$("#commentContent").hide();
				$(".inventDetail").show();
				
			} else if (e.srcElement.id=="download") {
				$(".classInfo_menu>ul>li").removeClass("on");
				$(e.srcElement).parent().addClass("on");
				$("#commentContent").hide();
				$(".inventDetail").hide();
				$(".castleInfoList").show();
				
			} else if (e.srcElement.id == "comment") {
				$(".classInfo_menu>ul>li").removeClass("on");
				$(e.srcElement).parent().addClass("on");
				$(".inventDetail").hide();
				$(".castleInfoList").hide();
				$("#commentContent").show();
			}
		})
		
	})
</script>
</head>

<body>
<!--头-->
<div class="doc1180">
	<div class="header">
    	<div class="logo"><a href="####"><img src="../i/logo.png"></a></div>
        <div class="headerLink">
        	<a href="../login.html" class="###">登录</a>
            <a href="../register.html" class="###">注册</a>
        </div>
    </div>
</div>
<div class="menu">
	<div class="doc1180">
   	  <div class="menuLink">
        	<ul class="fn-clear">
            	<li class="active"><a href="../index.html" >首页</a></li>
                <li><a href="托福人.html" >托福人</a></li>
                <li><a href="公开课首页.html" >公开课</a></li>
                <li><a href="chat.html" >群组聊</a></li>
                <li><a href="福利城堡-福利城堡.html">福利城堡</a></li>
            </ul>
        </div>
        <div class="headerUser">
        	<ul>
            	<li class="headerUserPic"><a href="###"><img src="../i/hlw.png"></a></li>
                <li class="headerUserName"><a href="../my/mydata.html" target="ifr">用户名</a></li>
                <li class="headerUserNotice">通知<a href="###">14</a></li>
            </ul>
        </div>
    </div>
</div>
<!--头-->
<div class="openMenu">
	<div class="doc1180">
    	<ul class="fn-clear" style="padding-left:220px;">
        	<li class="openMenuOn"><a href="###">公益商城</a></li>
            <li><a href="###">特色商城</a></li>
            <li><a href="###">名师精品课商城</a></li>
        </ul>
    </div>
</div>
<div class="doc1180">
	<div class="crumbs_patch">
  	<a href="###">公开课</a>》
    <a href="###">最新公开课</a>》
    <span>2020年托福英语考试</span>
  </div>
  <div class="castleInfo">
  	<dl>
    	<dt><a href="###"><img src="https://img.ivsky.com/img/tupian/pre/201908/12/jiaoshi-005.jpg"></a></dt>
        <dd>
        	<div class="castleInfo_title">本精品课程由摸鱼团队精心为您打造</div>
            <div class="castleTime">
							上课时间：<span>2020-07-20</span>到<span>2020-07-29</span>&nbsp;&nbsp;&nbsp;&nbsp; 每周：
							<span style="color: green;">2、4、6</span>&nbsp;的&nbsp;<span style="color: red;">19：30-21：30</span>上课
						</div>
            <div  class="flcb_cardTech">
                        <span class="first">主讲老师：</span>
                        <!-- <span class="teacherPic"><img src="../i/22x22.jpg"></span> -->
                        <span class="name">Alex老师</span>
                        <span class="zan"><a href="###"><img src="../i/icon_zan14x14.jpg"></a></span>
                        <span class="zanNum">(98)</span>
                        
          </div>
            <div class="castleInfo_time">活动地点：腾讯课堂</div>
          <div class="castleInfo_time" >
          	<span class="castleInfo_Cy"><b>9875</b>人参与</span>
          	<span class="castleInfo_Cy"><b>520</b>人关注</span>
          	<span class="castleInfo_Rs">RMB：<b>600</b></span>
          	<span class="glyphicon glyphicon-heart" style="font-size: 25px;color: #E6312A;" aria-hidden="true"></span>
          </div>
          	
          <div class="fn-clear marginB15">
            	<a  class="classInfo_ljbm" href="../支付/购买流程-步骤一.html">立即报名</a>
                <a href="###" class="classInfo_join">加入该活动群</a>
            </div>
          <div class="classInfo_icon fn-clear">
            	<ul>
                	<li><a href="###" class="classInfo_iconWx">微信</a></li>
                    <li><a href="###" class="classInfo_iconWb">微博</a></li>
                    <li><a href="###" class="classInfo_iconKj">空间</a></li>
                    <li><a href="###" class="classInfo_iconQQ">QQ</a></li>
                    <li><a href="###" class="classInfo_iconrr">人人</a></li>
                </ul>
            </div>            
      </dd>
    </dl>
  </div>
  <div class="classInfo_main">
  	<div class="classInfo_mainL">
      <div class="classInfo_menu fn-clear">
            <ul>
                <li class="on"><a href="###" id="detail">课程详情</a></li>
                <li><a href="###" id = "download">资料下载</a></li>
                <li><a href="###" id="comment">考生评价</a></li>
            </ul>
        </div>

        <div class="castleInfoList" style="display: none;">
        	<ul>
            	<li><a class="zlxz" href="###">20200320英语听力材料.pdf</a></li>
            </ul>
        </div>
        
        
        
        <div class="tfr_left" style="display: none;" id = "commentContent" >
    	<div class="zql_Top">
        	
        </div>
        <div class="zql_Body">
        	<dl>
            	<dt class="zql_BodyPic"><img src="../i/82x82.png"></dt>
                <dd class="zql_BodyText">
                	<div class="zql_BodyTitle">
                		<span>学员</span>小虫虫
                		<div style="float: right;">
                			<a class="btn btn-danger">删除</a>
                			<a class="btn btn-warning">编辑</a>
                		</div>
                		
                	</div>
                    <div class="zql_BodyT">
                        <p>我们学习英语这门语言，要懂得坚持，要跟着老师的步伐走，一步一个脚印，才能真正的跟着老师学好。俗话说师傅领进门，修行靠个人，很多时候我们还是要学会自觉。老师也只是一个带头的作用</p>
                    </div>
                    <div style="width: 170px;float: right;">
                    	<span>创建日期：</span>2020-07-09
                    </div>
                </dd>
            </dl>
            <dl>
            	<dt class="zql_BodyPic"><img src="../i/82x82.png"></dt>
                <dd class="zql_BodyText">
                	<div class="zql_BodyTitle">
                		<span>组员</span>磊哥
                		<div style="float: right;">
                			<a class="btn btn-danger">删除</a>
                			<a class="btn btn-warning">编辑</a>
                		</div>
                		
                	</div>
                    <div class="zql_BodyT">
                        <p>这个课程的确是挺好的啊，强烈推荐大家来学习哦！！！</p>
                    </div>
                    <div style="width: 170px;float: right;">
                    	<span>创建日期：</span>2020-07-09
                    </div>
                </dd>
            </dl>
        </div>  
        <div class="zql_Bottom">
        	<div><input name="" type="text" class="zql_BottomTitle"></div>
            <div><textarea name="" cols="" rows="" class="zql_BottomInput"></textarea></div>
            <div class="paddingT20 fn-clear"><a href="###" class="zql_BottomButton">发布</a></div>
        </div> 
  </div>
        
        
        
        
        <div class="inventDetail" >
            <dl>
			    <dt><a href="#"><img src="https://img.51tietu.net/upload/2012-6/20120612011406487.jpg"></a></dt>
                <!-- <dt><a href="#"><img src="../i/0004.gif"></a></dt> -->
                <dd>
                	<div class="classInfo_Nr"><span>课程名称：</span>2020托福英语考试培训，我们的精选课程。前100名报名同学将会获得300元的优惠券，先到先得，送完为止。本课程为著名国外英语讲师，Alex老师。他有着20年的英语教学经验，在中国已经教学12年，对我们的托福英语研究有10年之久。这么好的老师，这么好的条件，赶紧来报名吧！</div>
                    <div class="fn-clear">
                    </div>
                </dd>
            </dl>
        </div>
        
        
        
    </div>
	
	</div>
	</div>
	<!--footer-->
	<div class="flink">
	<div class="flinkTop"></div>
    <div class="flinkBody">
    	<h3>友情链接</h3>
        <ul>
        	<li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
        </ul>
    </div>
</div>
<div class="footer">
	<div class="doc1180">
    	<div class="footerLink">
        	<a href="###">人人托福</a>|
            <a href="###">联系我们</a>|
            <a href="###">招聘信息</a>|
            <a href="###">合作媒体</a>|
            <a href="###">意见反馈</a>|
            <a href="###">版权说明</a>
        </div>
        <div class="footerTxet">©2014 – xuanke.com All rights reserved. 京ICP备14022672号-1</div>
    </div>
</div>

</body>
</html>


